<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>焊客e家-智能对接详情-需方</title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/common.css">
		<link rel="stylesheet" href="css/zndj_detail.css">
	</head>

	<body>
		<div class="header innerHead">
			<div class="top">
				<div class="main ovw">
					<p class="fl login">
						<span>欢迎来到焊客e家，请</span>
						<a href="./login.html ">登录</a>
						<i class="line"></i>
						<a href="./register.html">免费注册</a>
					</p>

					<p class="fr help">
						<a href="#">帮助中心</a>
						<i class="line"></i>
						<img src="images/phone_icon.png" alt="">
						<span>400-888-888</span>
					</p>
				</div>
			</div>

			<div class="main nav innerNav">
				<div class="fl logo"><img src="images/zndj1.png" alt=""></div>

				<div class="fr search">
					<a href="hk_issue_1.html ">
						<p class="btn">发布需求</p>
					</a>
				</div>
			</div>
		</div>
		
		<div class="container ovw">
			<div class="main">
				<ul class="navigation_bar">
					<li>所在位置 : </li>
					<li><a href="index.html">首页</a><img src="images/arrow_right.png" alt=""></li>
					<li><a href="hk_zndj.html">智能对接</a><img src="images/arrow_right.png" alt=""></li>
					<li class="current"><a href="">详情</a></li>
				</ul>
				<!-- 左侧内容 -->
				<div class="fl lf_content">
					<div class="commodity_info">
						<div class="top_box">
							<p class="title fl">专业手弧焊<span>需方</span></p>
							<div class="fr rt_box">
								<div class="fl message">
									<a href="">
									<img src="images/message1.png" alt="">
									<span>留言数&nbsp;:&nbsp;<i>299</i></span>
									</a>
								</div>
								<div class="fl line"></div>
								<div class="fl collect">
									<img src="images/detail_collect.png" alt="">
									<span>收藏</span>
								</div>
							</div>
						</div>
						<p class="time">发布于：2017-12-05 08:00</p>
						<div class="comm_box demander">
							<!-- 商品信息 -->
							<div class="fr comm_info ">
								<div class="deadline">
									<img src="images/clock.png" alt="">
									<span>截止时间 : </span>
									<span class="time">2017-12-06 18:00</span>
								</div>
								<div class="contact">
									<p class="contacts">联系人 : &nbsp;<span>张经理</span></p>

									<a href="javascript:;" class="fr leave_text " href="">
										<img src="images/message_2.png" alt="">
										<span>留言</span>
									</a>

									<span class="fr telephone">
										<img src="images/phone_icon1.png" alt="">
										<span>15008802988</span>
									</span>
								</div>
							</div>
						</div>
					</div>

					<!-- 描述 -->
					<div class="comm_describe">
						<h3><span>设备说明</span></h3>
						<p>体育用品制造业：铜管打孔</p>
						<p>机械工业：手工电弧焊、气体保护焊、氩弧焊、碳弧气刨、气焊</p>
						<p>交通运输设备制造业：机车部件组装、平台组装、船舶管系安装、船舶电气安装、船舶锚链 、电焊作业危害因素及影响因素电焊作业的健康危害因素很多，一般可分为物理因素和化学因素两大类。前者有高温电弧光产生的紫外线、红外线等。后者为电焊气溶胶的各种成分，固态有各种金属铁、锰、铝、铬、铅、镍，放射性元素等，气相部分有氧化锰、氟化氢、氮氧化物等[1]等气体。高温、震动、噪声不很明显</p>
						<ul class="img_d">
							<li><img src="images/detail_img_a.png" alt=""></li>
							<li class="mar_r"><img src="images/detail_img_a.png" alt=""></li>
						</ul>
					</div>
				</div>
				<!-- 右侧内容 -->
				<div class="fr rt_content">
					<dl class="correlation_list">
						<dt>相关需求</dt>
						<dd>
							<a href="">
							<div class="fl lf_img"><img src="images/detail_img_b.png" alt=""></div>
							<div class="intro">
								<p class="title">专业手弧焊</p>
								<div class="type">
									<span>类型 : <i>手弧焊</i></span>
									<span class="fr">数量 : <i>1</i></span>
								</div>
								<div class="user_site">
									<img src="images/site.png" alt="">
									<span>上海市闵行区</span>
								</div>
							</div>
							</a>
						</dd>
						<dd>
							<a href="">
							<div class="fl lf_img"><img src="images/detail_img_b.png" alt=""></div>
							<div class="intro">
								<p class="title">专业手弧焊</p>
								<div class="type">
									<span>类型 : <i>手弧焊</i></span>
									<span class="fr">数量 : <i>1</i></span>
								</div>
								<div class="user_site">
									<img src="images/site.png" alt="">
									<span>上海市闵行区</span>
								</div>
							</div>
							</a>
						</dd>
						<dd>
							<a href="">
							<div class="fl lf_img"><img src="images/detail_img_b.png" alt=""></div>
							<div class="intro">
								<p class="title">专业手弧焊</p>
								<div class="type">
									<span>类型 : <i>手弧焊</i></span>
									<span class="fr">数量 : <i>1</i></span>
								</div>
								<div class="user_site">
									<img src="images/site.png" alt="">
									<span>上海市闵行区</span>
								</div>
							</div>
							</a>
						</dd>
						<dd>
							<a href="">
							<div class="fl lf_img"><img src="images/detail_img_b.png" alt=""></div>
							<div class="intro">
								<p class="title">专业手弧焊</p>
								<div class="type">
									<span>类型 : <i>手弧焊</i></span>
									<span class="fr">数量 : <i>1</i></span>
								</div>
								<div class="user_site">
									<img src="images/site.png" alt="">
									<span>上海市闵行区</span>
								</div>
							</div>
							</a>
						</dd>
						<dd class="bor_none">
							<a href="">
							<div class="fl lf_img"><img src="images/detail_img_b.png" alt=""></div>
							<div class="intro">
								<p class="title">专业手弧焊</p>
								<div class="type">
									<span>类型 : <i>手弧焊</i></span>
									<span class="fr">数量 : <i>1</i></span>
								</div>
								<div class="user_site">
									<img src="images/site.png" alt="">
									<span>上海市闵行区</span>
								</div>
							</div>
							</a>
						</dd>
					</dl>
				</div>
			</div>
		</div>
		<!--底部-->
		<div class="footer">
			<div class="main footer_content ovw">
				<div class="fl contact">
					<div class="fl img_box"><img src="images/service.png" alt=""></div>
					<div class="fl text">
						<p class="label">联系我们</p>
						<p class="phone_number">400-8208-820</p>
						<p class="work_time">工作时间（工作日）9:00 - 18:00</p>
					</div>
				</div>
				<dl>
					<dt><a href="">友情链接</a></dt>
					<dd>
						<a href="">阿里巴巴</a>
					</dd>
					<dd>
						<a href="">新浪微博</a>
					</dd>
					<dd>
						<a href="">腾讯微博</a>
					</dd>
					<dd>
						<a href="">百度论坛</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">服务</a></dt>
					<dd>
						<a href="">智能对接</a>
					</dd>
					<dd>
						<a href="">焊客圈</a>
					</dd>
					<dd>
						<a href="">焊客圈众创</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">帮助中心</a></dt>
					<dd>
						<a href="">如何发布对接</a>
					</dd>
					<dd>
						<a href="">如何成为供应商</a>
					</dd>
					<dd>
						<a href="">如何成为技术专家</a>
					</dd>
					<dd>
						<a href="">如何发表众创</a>
					</dd>
				</dl>
				<div class="fr download">
					<p class="title">移动端下载</p>
					<div class="fl code_box">
						<img src="images/code_a.png" alt="">
						<p>IOS下载</p>
					</div>
					<div class="fl code_box">
						<img src="images/code_b.png" alt="">
						<p>安卓下载</p>
					</div>
				</div>
			</div>
			<p class="footer_text">Copyright@ 沪ICP备2015234568号 - 2015 沪公安网备案 201520150201502015088888888号</p>
		</div>

		<!-- 留言弹窗 -->
		<div class="leave_write">
			<div class="content">
				<div class="title_box">
					<img class="fr close" src="images/close_img.png" alt="">
					<h3>留言</h3>
					<p>给发布人留言，发布人会与您联系</p>
				</div>
				<div class="user_info ovw">
					<div class="fl user_name">
						<p>您的姓名</p>
						<input type="text" placeholder="请输入您的姓名">
					</div>
					<div class="fr user_name">
						<p>您的电话</p>
						<input type="text" placeholder="请输入您的电话">
					</div>
					<div class="fl remarks">
						<p>备注信息</p>
						<textarea class="re_text" name="" id="" cols="30" rows="10" placeholder="便于发布人了解您的想法，与您联系哦！"></textarea>
					</div>
					<div class="fl uploading_box">
						<p>附件上传</p>
						<div class="uploading">
							<input class="ipt" type="file">
							<img src="images/uploading_icon.png" alt="">
							<span class="title">上传附件</span>
							<br>
							<span class="format">*文件格式PDF、PPT、word、mp4</span>
						</div>
					</div>
					<a class="submit_btn" href="">提交留言</a>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="js/jquery.1.9.1.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
		<script type="text/javascript">
			$(function() {
				$(".leave_write").height($(window).height());
				$(window).resize(function(){
					$(".leave_write").height($(window).height());
				})
				$(".collect").click(function(){
					if($(this).find("span").text() == "收藏" ){
						$(this).find("img").attr("src","images/zndj4_active.png");
						$(this).find("span").text("已收藏");
					}else{
						$(this).find("img").attr("src","images/detail_collect.png");
						$(this).find("span").text("收藏");
					}
				});

				// 点击留言 弹窗显示
				$(".leave_text").click(function(){
					$("body").css("overflowY","hidden");
					$(".leave_write").show()
				})
				$(".leave_text").click(function(){
					$(".leave_write").show();
				})
				$(".title_box .close").click(function(){
					$("body").removeClass("ovw");
					$("body").css("overflowY","auto");
					$(this).parents(".leave_write").hide();
				})
			})
		</script>
	</body>

</html>